<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<c:url value="/" var="baseUrl" />
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="img/favicon.png">
<title>黑白名单</title>
<%@include file="../include/css.jsp"%>
    <script>
function showCustomer(str)
{
  var xmlhttp;    
  if (str=="")
  {
    document.getElementById("txtHint").innerHTML="";
    return;
  }
  if (window.XMLHttpRequest)
  {
    // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
    xmlhttp=new XMLHttpRequest();
  }
  else
  {
    // IE6, IE5 浏览器执行代码
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  xmlhttp.onreadystatechange=function()
  {
    if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
      document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
    }
  }
  xmlhttp.open("GET","ListSelectTop10?date=20170"+str,true);
  xmlhttp.send();
}
</script>
<script type="text/javascript">
function show(){
	var currentMonth = new Date().getMonth();
	var currentYear = new Date().getFullYear();
	 document.getElementById("months").value =currentMonth+1;
	 var year = document.getElementById("years");
	 
	 for (var i = 0; i <= 5; i++) {

	    	var theOption1 = document.createElement("option");
	        
	        
	        theOption1.innerHTML = currentYear-i;

	        theOption1.value = currentYear-i;
	        year.appendChild(theOption1);
	       

	    }
}

</script>
  </head>

  <body onload="show()">


  <!-- container section start -->
  <section id="container" class="">
<%@include file="../include/header.jsp"%>
		<%@include file="../include/sidebar.jsp"%>


      <!--main content start-->
      <section id="main-content">
          <section class="wrapper">
              <!--overview start-->

            <!--/.row-->

            <!--/.row--><!-- Today status end --><!-- statics end -->
              <!--主显示区域--开始-->
            	<form action="${baseUrl}front/ListAccount" method="post">
		<table align="center">
			<tr>
				<td>账号:</td>    
				
				<td><input type="text" name="account" value="${account}" /> 
				<input
					type="hidden" name="pageNo" value="${paging.pageNo}" /> <input
					type="hidden" name="pageSize" value="${paging.pageSize}" /></td>
				<td><input type="submit" value="搜索" name="find" /></td>
			</tr>
		</table>
	
  

    
		 <header class="panel-heading">
    <div style="display: inline-block; width: 90%; text-align: center">单账户全景展示</div>
       </header>
		
       
     <table class="table table-striped table-advance table-hover">
			<tbody>  

    
			<tr>
			<th>账号</th>
				<th>BAS IP</th>
				<th><font color="#FF0000">带宽</font></th>
				<th>mac</th>
				<th><font color="#FF0000">装机地址</font></th>
				
				
				
				
			</tr>
		<c:forEach items="${paging3.datas}" var="BasCrm3AData" varStatus="status">
				<tr>
				<td>${BasCrm3AData.account}</td>
					<td>${BasCrm3AData.basIp}</td>
					<td>${BasCrm3AData.eth_Group_Id}</td>
					<td>${BasCrm3AData.mac}</td>
					<td>${BasCrm3AData.address}</td>
					
					
					
				</tr>
			</c:forEach>
			</tbody>
		</table>
		
		<table class="table table-striped table-advance table-hover">
			<tbody>  

    
			<tr>
			<th>月份</th>
				<th>账号</th>
				<th><font color="#FF0000">下行总流量(GB)</font></th>
				<th>累计上网天数</th>
				<th>本月上网次数</th>
				<th><font color="#FF0000">下行日均流量(GB)</font></th>
				
				
				
				
			</tr>
		<c:forEach items="${paging2.datas}" var="AvgFlow" varStatus="status">
				<tr>
				<td>${AvgFlow.logMonth}</td>
					<td>${AvgFlow.account}</td>
					<td>${AvgFlow.sumFlow}</td>
					<td>${AvgFlow.days}</td>
					<td>${AvgFlow.numOfFlow}</td>
					<td>${AvgFlow.avgFlow}</td>
					
					
				</tr>
			</c:forEach>
			</tbody>
		</table>
		
		<table class="table table-striped table-advance table-hover">
			<tbody>  

    
			<tr>
			<th>月份</th>
				<th>账号</th>
				<th>IP</th>
				<th>在线时长</th>
				<th><font color="#FF0000">当月最大累积主机数</font></th>
				<th><font color="#FF0000">当月最大并发主机数</font></th>
				<th>流量(KB)</th>
				
				
				
				
			</tr>
		<c:forEach items="${paging4.datas}" var="SigData" varStatus="status">
				<tr>
				<td>${SigData.logTime}</td>
				
					
					<td>${SigData.account}</td>
					<td>${SigData.ip}</td>
					<td>${SigData.onlineTime}</td>
					<td>${SigData.maxSumHostOfMonth}</td>
					<td>${SigData.maxHostOfMonth}</td>
					<td>${SigData.flow}</td>
					
					
					
				</tr>
			</c:forEach>
			</tbody>
		</table>
	
     
     
  
   
    	

	</form>

              <!-- project team & activity start -->

              <br>
              <br>
              <!-- project team & activity end -->
			  <!--主显示区域--结束-->
          </section>
      </section>
      <!--main content end-->
  </section>
  <!-- container section start -->

    <%@include file="../include/scripts.jsp"%>
<script>
$("#sidebarMyChart").removeClass('active');
$("#sidebarListSameMac").removeClass('active');
$("#sidebarListAvgFlow").removeClass('active');
$("#sidebarScatter").removeClass('active');
$("#sidebarListSigData").removeClass('active');
$("#sidebarListTop10").removeClass('active');
$("#sidebarListAccount").addClass('active');
$("#sidebarBWListAdmin").removeClass('active');
$("#sidebarListDoc").removeClass('active');
$("#sidebarListUser").removeClass('active');
</script>
  </body>
</html>
